<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>Login | Page Layouts - Blank Page</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
    {*{style file="fonts.googleapis"}*}
    {style file="../plugins/font-awesome/css/font-awesome.min"}
    {style file="../plugins/simple-line-icons/simple-line-icons.min"}
    {style file="../plugins/bootstrap/css/bootstrap.min"}
    {style file="../plugins/uniform/css/uniform.default"}
    {style file="../plugins/bootstrap-switch/css/bootstrap-switch.min"}
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME STYLES -->
    {style file="components-rounded"}
    {style file="plugins"}
    {style file="layout"}
    {style file="themes/light"}
    {style file="custom"}
    {if isset($smarty.capture.css) && $smarty.capture.css ne ""}
        {$smarty.capture.css}
    {/if}
    {if isset($smarty.capture.style) && $smarty.capture.style ne ""}
        {$smarty.capture.style}
    {/if}
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<body class="page-header-fixed page-sidebar-closed-hide-logo">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <a href="index.html">
                <img src="{$url}/img/logomarca_fabiola_serra.png" width="150px" alt="logo" class="logo-default"/>
            </a>
            <div class="menu-toggler sidebar-toggler">
                <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
            </div>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
        </a>
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN PAGE TOP -->
        <div class="page-top">
            <!-- BEGIN HEADER SEARCH BOX -->
            <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
            <form class="search-form" action="extra_search.html" method="GET">
                <div class="input-group">
                    <input type="text" class="form-control input-sm" placeholder="Search..." name="query">
					<span class="input-group-btn">
					<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
					</span>
                </div>
            </form>
            <!-- END HEADER SEARCH BOX -->
            <!-- BEGIN TOP NAVIGATION MENU -->
            {include file="{$element}system/nav_top.inc.tpl"}
            <!-- END TOP NAVIGATION MENU -->
        </div>
        <!-- END PAGE TOP -->
    </div>
    <!-- END HEADER INNER -->
</div>
<div class="clearfix"></div>
<div class="page-container">
    {include file="{$element}system/nav_left.inc.tpl"}
    {*BEGIN CONTENT*}
    <div class="page-content-wrapper">
        <div class="page-content">
            {include file="{$element}system/modal.inc.tpl"}
            {include file="{$element}system/page_bar.inc.tpl"}
            {*BEGIN PAGE CONTENT*}
            <div class="row">
                <div class="col-md-12">